{% set isNarrow =true %}
{% extends "./layout/layout.html" %}

{% block content %}
<div class="container">
{% if isLogin %}
<p>欢迎{{userName}}您已登录 不需要再次注册 请返回<a href="/">首页</a></p>
{% else %}
  <h1>登录</h1>
  <hr>
  <form>
    <div class="form-group">
      <label for="username-input">用户名</label>
      <input type="text" class="form-control" id="username-input" placeholder="请输入用户名">
    </div>
    <div class="form-group">
      <label for="password-input">密码</label>
      <input type="password" class="form-control" id="password-input" placeholder="请输入密码">
    </div>
    <button type="submit" class=" do-login btn btn-primary">登录</button>
    <a href="/register">注册账号</a>
  </form>
  {% endif %}
</div>
{% endblock %}
{% block js%}
<script>
var str = "width=device-width";
      // slice(start,end) 包括开始,不包含结束
      console.log(str.slice(6, 12))
      console.log(str.slice(6, -2))

      // substring(start, end) 不能有复数
      console.log(str.substring(5, 7))
      console.log(str.substring(5, -7))
      // 结果是从开头开始截取长度为5的字符串

      // substr(str.length)
      console.log(str.substr(5, 10))
      console.log(str.substr(5))
  $(".do-login").click(function (e) {
    //阻止默认行为r
    e.preventDefault();
    //获取用户名和密码
    const userName = $("#username-input").val();
    const password = $("#password-input").val();
    ajax.post("/api/user/login",{ userName,password },function (error,data){
      if (error){
        alert(error);
        return;
      }
      alert("登录成功")
            let search = location.search;
            //转换成正确的地址
            let redirectUrl = decodeURIComponent(search.split("=")[1]);
            //重定向
            // location.href=redirectUrl||"/";
            if(redirectUrl === "undefined"){
              location.href="/"
            }else{
              location.href = redirectUrl;
            }
    })
    //发送给后台
  //   $.ajax({
  //     type: "post",
  //     url: "/api/user/login",
  //     data: { userName, password },
  //     success(result) {
  //       if (result.errno === 0) {
  //         if (password !== "") {
  //           alert("登录成功")
  //           let search = location.search;
  //           //转换成正确的地址
  //           let redirectUrl = decodeURIComponent(search.split("=")[1]);
  //           //重定向
  //           // location.href=redirectUrl||"/";
  //           if(redirectUrl === "undefined"){
  //             location.href="/"
  //           }else{
  //             location.href = redirectUrl;
  //           }
            
  //         } else {
  //           alert("密码不能为空")
  //         }
  //       } else {
  //         alert("账号密码错误")
  //       }
  //     },
  //     error(err) {
  //       console.log(err)
  //     }
  //   })
  })
</script>
{% endblock %}